<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%@include file="../../mytags.jsp" %>

<t:base type="jquery"></t:base>
<script type="text/javascript" src="${webRoot}js/jquery.raty.js"></script>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>服务评价</title>
    <style>
        .c6 div {
            line-height: 30px;
        }

        .pj {
            width: 46%;
            float: left
        }

        .pj span {
            font-size: 12px;
        }

        .tablec{
            table-layout:fixed;
            width:100%;
        }
        .tablec tr td{
            font-size: 14px;
            word-wrap:break-word;
            word-break:break-all;
        }
        .leftTd{
            text-align: right;
            width: 80px;
        }
        .rightTd{
            color:#a6aaab ;
        }
    </style>
</head>
<body>
<div class="mui-clearfix"></div>
<div class="scor mui-clearfix" style="margin-top:1px;">
    <div class="geren" style="font-weight: bold;margin-bottom: 10px;margin-top: 5px;margin-left: 5px">
        <img style="height: 20px" src="${webRoot }/images/about.jpg">服务信息
    </div>
    <div  style="font-size: 14px">
        <table class="tablec">
            <tr>
                <td class="leftTd" >影院名称&emsp;</td>
                <td class="rightTd">${service.zyCinemaName}</td>
            </tr>
            <tr>
                <td class="leftTd" >影院地址&emsp;</td>
                <td class="rightTd">${service.address}</td>
            </tr>
            <tr>
                <td class="leftTd" >服务类型&emsp;</td>
                <td class="rightTd">${service.serviceType1.name}>>${service.serviceType2.name}</td>
            </tr>
            <tr>
                <td class="leftTd" >完成时间&emsp;</td>
                <td class="rightTd"><fmt:formatDate value="${service.closeTime}" pattern="yyyy-MM-dd"/></td>
            </tr>
            <tr>
                <td class="leftTd" >工程师&emsp;</td>
                <td class="rightTd">${engineer.name}</td>
            </tr>
            <tr>
                <td class="leftTd" >服务商&emsp;</td>
                <td class="rightTd">${ts.departname}</td>
            </tr>
        </table>
    </div>
</div>

<div class="set2" style="margin-top:1px;">
    <ul class="mui-table-view view1">
        <li class="mui-table-view-cell cell1 c6">
            <span style="font-size: 14px">总体评价</span>
            <div class="pfx">
                <h4>
                    <div id="lastEvaluate" class="raty" data-score="${evaluate.lastEvaluate}"></div>
                    <%--<img src="${webRoot}images/pfxx.png"><img src="${webRoot}images/pfxx.png"><img src="${webRoot}images/pfxx.png"><img src="${webRoot}images/pfxx1.png"><img src="${webRoot}images/pfxx1.png">--%>
                </h4>
                <div class="mui-clearfix"></div>
                <h3>5分制：1-很不满意;2-略有不满;3-一般;4-满意;5-非常满意</h3>
            </div>
        </li>
        <li class="mui-table-view-cell cell1 c6">
            <hr style="border: none;border-top: 1px solid #dddddd;"/>
        </li>
        <li class="mui-table-view-cell cell1 c6">
            <div class="pj" style="width: 100%">
                <span style="font-size: 14px">响应速度</span>
                <div class="pfx">
                    <h4>
                        <div id="serviceEvaluate" class="raty" data-score="${evaluate.serviceEvaluate}"></div>
                        <%--<img src="${webRoot}images/pfxx.png"><img src="${webRoot}images/pfxx.png"><img src="${webRoot}images/pfxx.png"><img src="${webRoot}images/pfxx1.png"><img src="${webRoot}images/pfxx1.png">--%>
                    </h4>
                    <div class="mui-clearfix"></div>
                    <h3>准时上门，仪容整洁并佩戴工牌</h3>
                </div>
            </div>
        </li>
        <li class="mui-table-view-cell cell1 c6">
            <div class="pj" style="width: 100%">
                <span style="font-size: 14px">服务态度</span>
                <div class="pfx">
                    <h4>
                        <div id="talkEvaluate" class="raty" data-score="${evaluate.talkEvaluate}"></div>
                        <%--<img src="${webRoot}images/pfxx.png"><img src="${webRoot}images/pfxx.png"><img src="${webRoot}images/pfxx.png"><img src="${webRoot}images/pfxx.png"><img src="${webRoot}images/pfxx.png">--%>
                    </h4>
                    <div class="mui-clearfix"></div>
                    <h3>工作认真，态度礼貌</h3>
                </div>
            </div>
        </li>
        <li class="mui-table-view-cell cell1 c6">
            <div class="pj" style="width: 100%">
                <span style="font-size: 14px">技术水平</span>
                <div class="pfx">
                    <h4>
                        <div id="effectEvaluate" class="raty" data-score="${evaluate.effectEvaluate}"></div>
                        <%--<img src="${webRoot}images/pfxx.png"><img src="${webRoot}images/pfxx.png"><img src="${webRoot}images/pfxx.png"><img src="${webRoot}images/pfxx.png"><img src="${webRoot}images/pfxx1.png">--%>
                    </h4>
                    <div class="mui-clearfix"></div>
                    <h3>完成全部服务，效果明显</h3>
                </div>
            </div>
        </li>
        <li class="mui-table-view-cell cell1 c6">
            <div class="pj" style="width: 100%">
                <span style="font-size: 14px">维修效果</span>
                <div class="pfx">
                    <h4>
                        <div id="trainEvaluate" class="raty" data-score="${evaluate.trainEvaluate}"></div>
                        <%--<img src="${webRoot}images/pfxx.png"><img src="${webRoot}images/pfxx.png"><img src="${webRoot}images/pfxx.png"><img src="${webRoot}images/pfxx1.png"><img src="${webRoot}images/pfxx1.png">--%>
                    </h4>
                    <div class="mui-clearfix"></div>
                    <h3>维修效果</h3>
                </div>
            </div>
        </li>
        <li class="mui-table-view-cell cell1 c6">
            <div class="pj" style="width: 100%">
                <span style="font-size: 14px">配件及时</span>
                <div class="pfx">
                    <h4>
                        <div id="skillEvaluate" class="raty" data-score="${evaluate.skillEvaluate}"></div>
                        <%--<img src="${webRoot}images/pfxx.png"><img src="${webRoot}images/pfxx.png"><img src="${webRoot}images/pfxx.png"><img src="${webRoot}images/pfxx.png"><img src="${webRoot}images/pfxx.png">--%>
                    </h4>
                    <div class="mui-clearfix"></div>
                    <h3>配件是否及时到场</h3>
                </div>
            </div>
        </li>
    </ul>
</div>
<div class="set2" style="margin-top:1px;">
    <ul class="mui-table-view view1">
        <li class="mui-table-view-cell cell1 c6">
            <span style="font-size: 14px">意见建议</span>
            <div class="pfx">
                <textarea readonly="readonly" style="width: 96%;font-size: 14px;height: 95px;color:black" name="opinion">${evaluate.opinion}</textarea>
            </div>
            <input type="hidden" name="lastEvaluate"/>
            <input type="hidden" name="serviceEvaluate"/>
            <input type="hidden" name="talkEvaluate"/>
            <input type="hidden" name="effectEvaluate"/>
            <input type="hidden" name="trainEvaluate"/>
            <input type="hidden" name="skillEvaluate"/>
        </li>
    </ul>
    <%--<div class="mui-content-padded">--%>
        <%--<a class="mui-btn mui-btn-block mui-btn-primary" href="cbsInspectionEvaluateController.do?goRepairEvaluateList" >关闭</a>--%>
    <%--</div>--%>
</div>
</body>
<script type="text/javascript" charset="utf-8">

    $(function () {
        mui.init();
        $.fn.raty.defaults.path = '${webRoot}js/img';
        $('.raty').each(function () {
            $(this).raty({readOnly:true,number:5,score: $(this).attr("data-score")}).css('width',5*40);
        })

    })
    /*$(function () {
        mui.init();
        $.fn.raty.defaults.path = '${webRoot}js/img';
        $('.raty').each(function () {
            var inputText = $("input[name='" + $(this).attr("id") + "']");
            var inputScore = inputText.val();
            if(inputScore == '0'){
                inputScore = 5;
            }
            inputText. val(inputScore);
            $(this).raty({number:5,score:inputScore}).css("width",5*40).click(function(){
                inputText.val($(this).raty('score'));
            })
        })
    })*/
</script>
</html>
